@import url('github-markdown-css/github-markdown.css');

.markdown-body {
  --uno: text-arco-2;
  --color-fg-default: var(--color-text-1);
  --color-canvas-default: var(--color-bg-2);
  --color-canvas-subtle: var(--color-border-1);
  --color-border-default: var(--color-border-2);
  --color-border-muted: var(--color-border-2);
  --color-neutral-muted: rgba(175, 184, 193, 0.2);
  --color-accent-fg: rgb(var(--arcoblue-6));
}

.markdown-body code {
  --uno: 'rounded-sm border-1 border-solid border-gray-4';
}

.markdown-body p:not(:has(> img)) {
  --uno: 'line-height-relaxed indent-lg';
}

.markdown-body :is(h1, h2, h3, h4, h5, h6) {
  --uno: text-arco-2;
}

.markdown-body .note {
  --uno: "before:(content-['NOTE'] font-medium text-[14px] )";
  --uno: 'border-solid border-1 rounded pt-4 px-4 my-4';
  background-color: rgba(var(--blue-6), 0.05);
  border-color: rgb(var(--blue-6));
  color: rgb(var(--blue-6));
}

.markdown-body .success {
  --uno: "before:(content-['SUCCESS'] font-medium text-[14px])";
  --uno: 'border-solid border-1 rounded pt-4 px-4 my-4';
  background-color: rgba(var(--success-6), 0.05);
  border-color: rgb(var(--success-6));
  color: rgb(var(--success-6));
}

.markdown-body .danger {
  --uno: "before:(content-['DANGER'] font-medium text-[14px])";
  --uno: 'border-solid border-1 rounded pt-4 px-4 my-4';
  background-color: rgba(var(--danger-6), 0.05);
  border-color: rgb(var(--danger-6));
  color: rgb(var(--danger-6));
}

.markdown-body .warning {
  --uno: "before:(content-['WARNING'] font-medium text-[14px])";
  --uno: 'border-solid border-1 rounded pt-4 px-4 my-4';
  background-color: rgba(var(--warning-6), 0.05);
  border-color: rgb(var(--warning-6));
  color: rgb(var(--warning-6));
}

.markdown-body .table-of-contents {
  --uno: hidden;
}

.markdown-body .shiki .line {
  --uno: text-4;
}

.markdown-body .shiki *::selection {
  --uno: bg-gray-7;
}

.shiki .highlighted {
  --uno: -mx-4 px-4 w-full inline-block bg-dark-9;
}

.markdown-body .header-anchor:hover {
  --uno: decoration-none;
}
